<template>
	<ul class="indCon1 clearfix">
		<li v-for="(item, index) in list" :key="index">
			<router-link :to="'/index/anchor/' + item.room_id">
				<div class="anchor" :style="{backgroundImage: 'url(' + item.img + ')' }">
					<div class="anchorTop clearfix">
						<div v-if="item.anchorMes1">
							<span class="anchorIco1">{{item.anchorMes1}}</span>
						</div>
						<div v-if="item.anchorMes2">
							<span class="anchorIco2">{{item.anchorMes2}}</span>
						</div>
						<div v-if="item.anchorMes3">
							<span class="anchorIco3">{{item.anchorMes3}}</span>
						</div>
					</div>
					<div class="anchorBottom clearfix">
						<span class="fl anchorName">{{item.name}}</span>
						<div class="fr">
							<span class="online" v-if="item.online">当前在线</span>
							<span class="notOnline" v-else>{{item.minute}}分钟前</span>
						</div>
					</div>
				</div>
			</router-link>
		</li>
	</ul>
</template>

<script>
	export default{
		data(){
			return{
				list: [
                    {img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播1", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg",room_id:123,anchorMes1:0,anchorMes2:18,anchorMes3:18, name: "主播2", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg",room_id:123,anchorMes1:18,anchorMes2:0,anchorMes3:18, name: "主播3", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg",room_id:123,anchorMes1:0,anchorMes2:0,anchorMes3:18, name: "主播4", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播5", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播6", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播7", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播8", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播9", online: true, minute: 0},
                    {img: "http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播10", online: false, minute: 1},
                    {img: "http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播11", online: false, minute: 2},
                    {img: "http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播12", online: false, minute: 3},
                    {img: "http://img1.shikee.com/try/2016/06/23/14381920926024616259.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播13", online: false, minute: 4},
                    {img: "http://img1.shikee.com/try/2016/06/21/10172020923917672923.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播14", online: false, minute: 5},
                    {img: "http://img1.shikee.com/try/2016/06/23/15395220917905380014.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播15", online: false, minute: 6},
                    {img: "http://img1.shikee.com/try/2016/06/25/14244120933639105658.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播16", online: false, minute: 7},
                    {img: "http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播17", online: false, minute: 8},
                    {img: "http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg",room_id:123,anchorMes1:18,anchorMes2:18,anchorMes3:18, name: "主播18", online: false, minute: 9}
                ],
			}
		}
	}
</script>

<style>
</style>